iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
0
Mobile Development

「Google Flutter」學習筆記系列 第 13

【Day 13】fun_android_flutter - 一個聊Android開發的網站APP

  • 分享至 

  • xImage
  •  

今日要點
》介紹 fun_android_flutter 專案
》下載並編譯 fun_android_flutter 專案


介紹 fun_android_flutter 專案

今天要介紹的Github專案,是我在找星星最多的排名時,試著run看看的,有些地方蠻不錯的,就介紹一下,以後再回來深入研究一下。phoenixsky/fun_android_flutter 這主要是去連結一個網站的app。2.1K 的星星,也是觀注度很高的專案。

玩Android客戶端Flutter版本。
Provider的最佳實踐.DarkMode、多色彩主題、國際化、切換字體、優美動畫。

先看看他 README.md 裡的運行畫面。

README 裡的內容也是寫的非常的詳細,連目錄結構的說明都有了,真的很難得。

下載並編譯 fun_android_flutter 專案

所以我們就來練習編譯一下看看有沒有問題。

那麼我們就開始下載並且建立這個 HistoryOfEverything 專案囉。

% git clone https://github.com/phoenixsky/fun_android_flutter.git

Cloning into 'fun_android_flutter'...
remote: Enumerating objects: 362, done.
remote: Counting objects: 100% (362/362), done.
remote: Compressing objects: 100% (240/240), done.
remote: Total 3073 (delta 208), reused 237 (delta 120), pack-reused 2711
Receiving objects: 100% (3073/3073), 9.59 MiB | 2.94 MiB/s, done.


% cd fun_android_flutter 
% flutter pub get

Running "flutter pub get" in fun_android_flutter...     11.9s

果然使用到的 plugin 很多。

試 build 一下,

% flutter run -d all


ok,一次成功 Android 執行起來了,iOS也OK。


點了心後,會有心跳出來,或是心碎的動畫,愛心的顯示效果,我覺得很不錯,想學 XD

程式架構研究

Main.dart : MultiProvider, MaterialApp

今天就先這樣吧。

好,第13天,寫完。


上一篇
【Day 12】HistoryOfEverything - 歷史的時間軸
下一篇
【Day 14】fl_chart - 需要圖型嗎?來點折線圖,條形圖,圓餅圖和散點圖吧
系列文
「Google Flutter」學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言